<template>
	<view style="padding: 0 20upx;">
		<view style="font-size: 38upx;font-weight: 550;">
			{{res.article_title}}
		</view>
		<view style="line-height: 80upx;height: 80upx;">
			<text style="color: #24B2F4;">{{res.article_title}} </text><text style="padding-left: 20upx;color: #999;">发布时间: {{res.article_date_v}}</text>
		</view>
		<view style="text-align: center;margin-top: 100upx;">
			<video 
				class="edui-upload-video video-js vjs-default-skin video-js"
				controls preload="none" width="300" height="200"
				:src="content">
			</video>
		</view>
		<!-- <view style="text-indent:2em">
			测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
		</view> -->
		<!-- <view>
			<rich-text :nodes="content"></rich-text>
		</view> -->
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				res:[],
				openid:'',
				essaysid:'',
				content: '',
			};
		},
		onLoad:function(e){
			this.essaysid = e.essaysid
			uni.showLoading()
			uni.getStorage({
				key: 'openid',
				success: (res) => {
					this.openid = res.data
					this.setAjax()
				},
				fail: () => {
					uni.navigateTo({
						url: '../../login/login'
					});
				}
			});
		},
		methods:{
			setAjax(){
				uni.request({
					url: this.$BASE_URL+'/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=article.article_detail&app=1',
					data: {'id':this.essaysid},
					success: res => {
						this.res = res.data
						let content = res.data.article_content
						content = content.substring(content.indexOf('src="'),content.indexOf('.mp4')) + '.mp4'
						this.content = content.slice(5)
						console.log(this.content)
					},
					fail: () => {},
					complete: () => {}
				});
				uni.hideLoading()
			},
			jump(e){
				uni.navigateTo({
					url: e.currentTarget.dataset.src
				});
			},
		}
	}
</script>

<style>
	
</style>
